<%--
  Created by IntelliJ IDEA.
  User: 86178
  Date: 2023/7/4
  Time: 11:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/menu.css">
    <link rel="stylesheet" href="CSS/librarystyle.css">
    <style>
        .title h1{
            position:relative;
            top:80px;
            font-size:  50px;
            text-align: center;
        }
    </style>
</head>
<body >
<div>
    <div class="menu">
        <ul>
            <li class="droplist"><a href="library.jsp">首页</a> </li>
            <li class="droplist"><a href="book.jsp">书籍管理</a>
                <!-- <ul class="menuitems">
                    <li><a href="#">书籍借阅</a></li>
                    <li><a href="#">书籍添加</a></li>
                </ul> -->
            </li>

            <li class="droplist"><a href="#">用户</a>
                <ul class="menuitems">
                    <li><a href="user.jsp">用户登录</a></li>
                    <li><a href="#">用户管理</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div class="title">
        <h1>欢迎来到图书管理系统</h1>
    </div>

    <div class="constructionmenu">
        <div class="construction show">
            <ul class="construction_nes">
                <li>
                    <a href="#" title="图书管理系统帮助快速管理已有书籍">
                        <div class="img"><img src="res/construction2.jpg" alt="图书管理系统帮助快速管理已有书籍"
                                              width="280" height="190"></div>
                        <div class="construction-text">
                            <span class="constructiontitle">图书管理系统帮助快速管理已有书籍</span>
                            <p class="p">书籍管理是图书馆、书店等经营的重中之重，一套良好的书籍管理...</p>
                        </div>
                        <em class="border"></em>
                        <span class="time"></span>
                    </a>
                </li>
                <li>
                    <a href="#" title="馆藏书籍快速清点，新增书籍一目了然">
                        <div class="img"><img src="res/construction1.jpg" alt="馆藏书籍快速清点，新增书籍一目了然"
                                              width="280" height="190"></div>
                        <div class="construction-text">
                            <span class="constructiontitle">馆藏书籍快速清点，新增书籍一目了然</span>
                            <p class="p">图书每日买入卖出，书籍数量变动及时得知并修改，方便查询已有...</p>
                        </div>
                        <em class="border"></em>
                        <span class="time"></span>
                    </a>
                </li>
                <li>
                    <a href="#" title="实现管理数字化，使各管理模块之间的运行能够相互协作">
                        <div class="img"><img src="res/construction3.png" alt="实现管理数字化，使各管理模块之间的运行能够相互协作"
                                              width="280" height="190"></div>
                        <div class="construction-text">
                            <span class="constructiontitle">实现管理数字化，使各管理模块之间的运行能够相互协作</span>
                            <p class="p">统一调度，营造很好的数字化办公氛围，利于实现上下级、部门间...</p>
                        </div>
                        <em class="border"></em>
                        <span class="time"></span>
                    </a>
                </li>
                <li>
                    <a href="#" title="自动化管理提高管理速度，加强管理安全">
                        <div class="img"><img src="res/construction4.jpg" alt="自动化管理提高管理速度，加强管理安全"
                                              width="280" height="190"></div>
                        <div class="construction-text">
                            <span class="constructiontitle">自动化管理提高管理速度，加强管理安全</span>
                            <p class="p">管理自动化可以节约人力成本，并减少出现错误的情况，人机交互...</p>
                        </div>
                        <em class="border"></em>
                        <span class="time"></span>
                    </a>
                </li>
            </ul>

        </div>

    </div>

    <div class="footer">
        <a href="#">系统简介</a><a href="#">投诉中心</a><a href="#">相关帮助</a><a href="#">留言咨询</a><a href="#">联系我们</a><a href="#">关于我们</a>
    </div>
</div>
</body>
</html>
